<template>
  <div class="user-container">
    <h1>User</h1>
    <!--<h1>{{ $route.params.user_id }}</h1>-->
    <h1>{{ id }}</h1>
  </div>
</template>

<script>
export default {
  name: 'User',
  props: {
    id: String,
  },
  watch: {
    '$route' (to, from) {
      console.log(to)
    }
  },
  mounted() {
    console.log(this.$route)
  }
}
</script>

<style lang="scss" scoped>
</style>